﻿@using ECGadmin.Common
@using ECGadmin.WebUI.Models
@using ECGadmin.WebUI.CustomHelpers
@model ProductDto
@{
    ViewBag.Title = "Chỉnh sửa thông tin sản phẩm";
    Layout = "~/Views/Shared/_layout.cshtml";
}
<link href="~/Content/css/browerImage.css" rel="stylesheet" />
<link href="~/Scripts/jQueryDatePicker/css/ui-lightness/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
@section LeftMenu
{
    <div id="left">
        <div class="LeftMenuWraper">
            <div class="leftMenuHeader">
                <span style="padding-left: 10px;">
                    <strong>Truy cập nhanh</strong>
                </span>
            </div>
            <ul id="p-quick-menu" class="quick-menu">
                <li class="qmn-info-pro">Thông tin sản phẩm</li>
                <li class="qmn-seo-pro">Thông tin cho SEO</li>
                <li class="qmn-seo-pro">Đặc tính chung</li>
                <li class="qmn-seo-pro">Khuyến mại</li>
                <li class="qmn-seo-pro">Quà tặng</li>
                <li class="qmn-seo-pro">Thuộc tính riêng</li>
                <li class="qmn-seo-pro">Thông tin về SIZE</li>
                <li class="qmn-seo-pro">Ảnh sản phẩm</li>
                <li class="qmn-images-pro">Khách hàng bình luận</li>
            </ul>
            <div class="leftMenuFooter"></div>
        </div>
    </div>
    <!-- END #left -->
}

<nav>
    <div id="jCrumbs" class="breadCrumb module">
        <ul>
            <li><a href="@Url.Action("Index", "Home")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Edit", "Product", new { id = Model.Id })">Sửa sản phẩm</a> </li>
        </ul>
    </div>
</nav>

<div class="toolBox">
    @Html.ToolBox(new List<object> { new Edit { ClassCss = "Edit", ActionName = "Javascript:void(0)" }, new Back { ClassCss = "Back", ActionName = @Url.Action("Index", "Product") } })
</div>

@using (Html.BeginForm("Edit", "Product", FormMethod.Post, new { id = "EditProductForm", enctype = "multipart/form-data" }))
{
    <div class="box-Info">
        <div class="Info-header">
            <span>Thêm mới sản phẩm </span>
        </div>

        <div class="Info-body ib-infopro">
            @Html.HiddenFor(m => m.Id, new { @class = "productIdInfo" })
            @Html.HiddenFor(m => m.CreateDate)
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Tên sản phẩm
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Name)
                        @Html.ValidationMessageFor(m => m.Name)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Barcode
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Barcode, new { @class = "cssInputWidthSmall" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ảnh sản phẩm
                    </td>
                    <td class="tInfoRight img-wrapper p-relative">
                        <div class="fl-l">
                            <input type="file" name="imageFile" />
                        </div>
                        <div class="fl-l m-l-20">
                            <img src="@Model.ImagePath.ImagePathThumb(200, 200)" width="200" height="200" />
                        </div>
                        <div class="clear"></div>
                        @Html.HiddenFor(m => m.ImagePath)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thuộc danh mục
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.CategoryId, new SelectList((List<ProductCategoryDto>)ViewBag.MenuList, "Id", "Name"))
                        @Html.ValidationMessageFor(m => m.CategoryId)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thuộc nhà cung cấp, hãng
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.ProviderId, new SelectList((List<ProviderDto>)ViewBag.ProviderList, "Id", "Name"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mô tả ngắn
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.Summary, new { @class = "cssAreaHeight" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Giá sản phẩm
                    </td>
                    <td class="tInfoRight">
                        <input type ="text" id="markPrice" class = "cssInputWidthSmall" value="@Model.Price"/>
                        @Html.HiddenFor(m => m.Price)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin chi tiết
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.Description, new { @class = "ckeditor", rows = "10", cols = "60"})
                    </td>
                </tr>

                <tr>
                    <td class="tInfoLeft">Tags
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBox("ProductTags", (string)ViewBag.ProductTag)
                    </td>
                </tr>

                <tr>
                    <td class="tInfoLeft">Còn hàng trong kho
                    </td>
                    <td>
                        @Html.RadioButtonFor(m => m.StockStatus, true) <span>Còn hàng</span>
                        @Html.RadioButtonFor(m => m.StockStatus, false) <span>Hết hàng</span>
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Trạng thái sản phẩm
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.ProductStatus, new SelectList((List<object>)ViewBag.ProductStatusList, "ItemValue", "ItemText"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Được hiển thị
                    </td>
                    <td class="tInfoRight">
                        @Html.CheckBoxFor(m => m.Show, new { @Checked = "checked" })
                    </td>
                </tr>
            </table>

        </div>
    </div>

    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Thông tin SEO </span>
        </div>
        <div class="Info-body ib-infoseo">
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Meta Title
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.MetaTitle, new { @onkeyup = "countTextAreaChar(this, 70,'countNewsMetaTitle')" })<br />
                        <input readonly="readonly" class="cssInputHidden" type="text" name="countNewsMetaTitle" size="3" maxlength="3" style="width: 53px; height: 23px; margin: 0px; padding: 0px 0px 0px 10px;" value="0">
                        ký tự. Hầu hết các công cụ tìm kiếm sử dụng tối đa <span style="color: red;">70</span> ký tự cho tiêu đề
                    </td>
                </tr>

                <tr>
                    <td class="tInfoLeft">Meta Description
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.MetaDescription, new { @class = "cssAreaHeight", @onkeyup = "countTextAreaChar(this, 160,'countNewsMetaDesc')" })
                        @Html.ValidationMessageFor(m => m.MetaDescription)
                        <br />
                        <input readonly="readonly" class="cssInputHidden" type="text" name="countNewsMetaDesc" size="3" maxlength="3" style="width: 53px; height: 23px; margin: 0px; padding: 0px 0px 0px 10px;" value="0">
                        ký tự. Hầu hết các công cụ tìm kiếm sử dụng tối đa <span style="color: red;">160</span> ký tự cho các mô tả
                        
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Meta Keyword
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.MetaKeyword)
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div class="box-Info" style="display: none;">
        <div class="Info-header">
            <span>Đặc tính chung </span>
        </div>
        <div class="Info-body ib-infoseo">
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 1
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CustomInfoFirst)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 2
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CustomInfoSecond)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thông tin thứ 3
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CustomInfoThird)
                    </td>
                </tr>
            </table>
        </div>
    </div>
}

<!------------------- THONG TIN KHUYEN MAI --------------------->
<input type="hidden" id="discountId" value="@ViewBag.DiscountId" />
<div class="box-Info" style="display: none;">
    <div class="Info-header">
        <span>Khuyến mại</span>
    </div>
    <div class="Info-body ib-infoseo">
        <table class="table-odd table-plist">
            <colgroup>
                <col style="width: 30px" />
                <col style="width: 300px" />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
            </colgroup>
            <tr>
                <th scope="col"></th>
                <th scope="col">Tên chiến dịch</th>
                <th scope="col">Sử dụng %</th>
                <th scope="col">% chiết khấu</th>
                <th scope="col">Số tiền chiết khấu</th>
                <th scope="col">Ngày bắt đầu</th>
                <th scope="col">Ngày kết thúc</th>
                <th scope="col"></th>
            </tr>
            @foreach (var item in (List<DiscountDto>)ViewBag.DiscountList)
            {
                <tr class="@string.Format("bn-{0}", item.DiscountId)">
                    <td>
                        <input type="radio" name="DiscountId" value="@item.DiscountId" class="pDiscount"/>
                    </td>
                    <td>
                        @item.Name
                    </td>
                    <td>
                        <input type="checkbox" name="UsePercent" @string.Format("{0}", item.UsePercentage ? "checked" : "")/>
                    </td>
                    <td>
                        @item.DiscountPercentage.ToString("#,###")
                    </td>
                    <td>
                        @item.DiscountAmount.ToString("#,###")
                    </td>
                    <td>
                        @item.StartDate.ToString("dd/MM/yyyy")
                    </td>
                    <td>
                        @item.EndDate.ToString("dd/MM/yyyy")
                    </td>
                    <td>
                        <a href="@Url.Action("EditDiscount", "Discount", new { id = item.DiscountId })" title="chỉnh sửa" class="icon-edit-v2 fl-l bootstrapTangoSmall"></a>
                        @Ajax.ActionLink("Xóa", "DeleteDiscountApplyProduct", "Product", new { discountId = item.DiscountId, productId = Model.Id }, new AjaxOptions
                                                                                                 {
                                                                                                     Confirm = "Bạn chắc chắn không muốn áp dụng chiết khấu này!",
                                                                                                     OnSuccess = "AjaxReturnDataDeleteDiscountApplyProduct"
                                                                                                 }, new { @class = "icon-delete fl-l bootstrapTangoSmall", title = "xóa" })

                    </td>
                </tr>
            }
        </table>
    </div>
</div>

<!------------------- THONG TIN QUA TANG --------------------->
<input type="hidden" id="giftId" value="@ViewBag.GiftId" />
<div class="box-Info" style="display: none;">
    <div class="Info-header">
        <span>Quà tặng</span>
    </div>
    <div class="Info-body ib-infoseo">
        <table class="table-odd table-plist">
            <colgroup>
                <col style="width: 30px" />
                <col style="width: 300px" />
                <col />
                <col />
                <col />
                <col />
            </colgroup>
            <tr>
                <th scope="col">STT</th>
                <th scope="col">Tên chiến dịch Gift</th>

                <th scope="col">Mô tả</th>
                <th scope="col">Ngày bắt đầu</th>
                <th scope="col">Ngày kết thúc</th>
                <th scope="col"></th>
            </tr>
            @foreach (var item in (List<GiftDto>)ViewBag.GiftList)
            {
                <tr class="@string.Format("gn-{0}", item.GiftId)">
                    <td>
                        <input type="radio" name="GiftId" value="@item.GiftId" class="pGift"/>
                    </td>
                    <td>
                        @item.Name
                    </td>
                    <td>
                        @item.Description
                    </td>
                    <td>
                        @item.StartDate.ToString("dd/MM/yy")
                    </td>
                    <td>
                        @item.EndDate.ToString("dd/MM/yy")
                    </td>
                    <td>
                        <a href="@Url.Action("EditGift", "Gift", new { id = item.GiftId })" title="chỉnh sửa" class="icon-edit-v2 fl-l bootstrapTangoSmall"></a>
                        @Ajax.ActionLink("Xóa", "DeleteGiftApplyProduct", "Product", new { giftId = item.GiftId, productId = Model.Id }, new AjaxOptions
                                                                                                 {
                                                                                                     Confirm = "Bạn chắc chắn không muốn áp dụng chiến dịch quà tặng này!",
                                                                                                     OnSuccess = "AjaxReturnDataDeleteGiftApplyProduct"
                                                                                                 }, new { @class = "icon-delete fl-l bootstrapTangoSmall", title = "xóa" })

                    </td>
                </tr>
            }
        </table>
    </div>
</div>

<!------------------------- Attribute Typical ------------------------------>
@Html.Action("TypicalAttribute", new { productId = Model.Id })

<!------------------- END THONG TIN SIZE -------------------->
<div class="box-Info" style="display: none;">
    <div class="Info-header">
        <span>Size của sản phẩm </span>
    </div>
    <div class="Info-body ib-infoseo">
        <table class="p-size-info table-odd table-plist">
            <tr class="psize-title">
                <th>Code</th>
                <th>Giá</th>
                <th>Hiển thị</th>
                <th>Thứ tự</th>
                <th></th>
            </tr>
            @foreach (var item in (List<ProductSizeListByPidDto>)ViewBag.ProductSizeList)
            {
                <tr class="@string.Format("tr{0}-{1}", item.SizeId, item.ProductId)">
                    <input type="hidden" value="@item.SizeId" class="hidSizeId" />
                    <input type="hidden" value="@item.SizePrice" class="hidSizePrice" />
                    <input type="hidden" value="@item.CreateDate" class="hidCreateDate" />
                    <td class="tdCode">@item.Code</td>
                    <td>@string.Format("{0:#,###}", item.SizePrice)</td>
                    <td class="tdSizeShow">
                        @Html.CheckBox("pSizeShowInfo", item.Show)
                    </td>
                    <td class="tdSizeOrder">@item.Order</td>
                    <td>
                        <a href="javascript:void(0);" class="pzEdit" onclick="EditProductSize(@item.SizeId, @item.ProductId)">Sửa</a> |
                        <a href="javascript:void(0);" class="pzDelete" onclick="DeleteProductSize(@item.SizeId, @item.ProductId)">Xóa</a>
                    </td>
                </tr>
            }
        </table>

        <table class="table-info">
            <tr>
                <td class="tInfoLeft">Danh sách size
                </td>
                <td class="tInfoRight">
                    @Html.DropDownList("SizeList", new SelectList((List<SizeDto>)ViewBag.SizeList, "Id", "Code"))
                </td>
            </tr>
            <tr>
                <td class="tInfoLeft">Giá
                </td>
                <td class="tInfoRight">
                    @Html.TextBox("pSizePrice")
                </td>
            </tr>
            <tr>
                <td class="tInfoLeft">Hiển thị
                </td>
                <td class="tInfoRight">
                    @Html.CheckBox("pSizeShow", true)
                </td>
            </tr>
            <tr>
                <td class="tInfoLeft">Thứ tự
                </td>
                <td class="tInfoRight">
                    @Html.TextBox("pSizeOrder")
                </td>
            </tr>
            <tr>
                <td class="tInfoLeft"></td>
                <td class="tInfoRight">
                    <input type="button" value="Tạo size" onclick="CreateSize(@Model.Id)" id="btnCreateSize"/>
                    <input type="button" value="Cập nhật size" id="btnUpdateSize" style="display: none;" />
                </td>
            </tr>
        </table>
    </div>
</div>

<!------------------- END THONG TIN AHH --------------------->
<div class="box-Info" style="display: none;">
    <div class="Info-header">
        <span>Upload ảnh sản phẩm </span>
    </div>
    <div class="Info-body ib-infoseo">
        <table class="p-img-info table-odd table-plist" cellpadding="10">
            <tr class="pimg-title">
                <th>Ảnh</th>
                <th>Tên ảnh</th>
                <th>Màu sắc</th>
                <th>Đường dẫn</th>
                <th>Hiển thị</th>
                <th>Avartar</th>
                <th>Thao tác</th>
            </tr>
            @foreach (var item in (List<ProductImageHasColorNameDto>)ViewBag.ProductImageList)
            {
                var color = string.Empty;
                switch (item.ColorId)
                {
                    case "-1":
                        color = "Không màu";
                        break;
                    case "0":
                        color = "Nhiều màu";
                        break;
                    default:
                        color = "<span style='display:block;float: left;padding: 9px; background-color:" + item.Code + "'></span>"; break;
                }
                <tr class="@string.Format("tr{0}", item.Id)">
                    <td>
                        <img src="@string.Format("{0}/{1}", item.ImagePath, item.ImageName.ImagePathThumb(50, 50))" />
                    </td>
                    <td>@item.ImageName</td>
                    <td>@Html.Raw(color) </td>
                    <td>@item.ImagePath</td>
                    <td>
                        <input type="checkbox" @string.Format("{0}", item.Active ? "checked" : "") />
                    </td>
                    <td>
                        <input type="radio" name="pimAvartar" onclick="SetIsAvatar(@item.Id, @item.ProductId);" class="pimAvartar" @string.Format("{0}", item.Avartar ? "checked" : "") />
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="p-img-edit" onclick="ChangeImageInfo(@item.Id);">Chỉnh sửa</a> |
                        <a href="javascript:void(0);" onclick="DeleteImage(@item.Id)">Xóa</a>
                    </td>
                </tr>
            }
        </table>

        @using (Html.BeginForm("UploadImage", "Product", FormMethod.Post, new { enctype = "multipart/form-data", id = "ImgForm", name = "ImgForm", target = "UploadTarget" }))
        {
            <input type="hidden" value="@Model.Id" id="pimProductId" name="ProductId" class="pimId"/>
            <input type="hidden" value="" id="pimageId" name="Id" />
            <table class="table-info">
                <tr>
                    <td class="tInfoLeft">Upload ảnh
                    </td>
                    <td class="tInfoRight">
                        <input type="file" name="imageFile" />
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Màu sắc của ảnh
                    </td>
                    <td class="tInfoRight">
                        <ul class="col-list">
                            <li class="fl-l"><span style="display: block; float: left; border: 1px solid #f15a23;">Không màu</span><input type="radio" name="ColorId" value="-1" class="pim-color-1" checked="checked" style="margin-right: 15px;" /></li>
                            <li class="fl-l"><span style="display: block; float: left; border: 1px solid #f15a23;">Nhiều màu</span><input type="radio" name="ColorId" value="0" class="pim-color0" style="margin-right: 15px;" /></li>
                            @foreach (var item in (List<ColorDto>)ViewBag.ColorList)
                            {
                                <li class="fl-l"><span style="display:block;float: left;padding: 9px; background-color: @item.Code"></span>
                                    <input type="radio" name="ColorId" class="@string.Format("pim-color{0}", item.Id)" value="@item.Id" style="margin-right: 15px;"/></li>
                            }
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mô tả ngắn
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBox("Description", "", new { @class = "pimDescription" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Thứ tự</td>
                    <td class="tInfoRight">
                        <input type="text" name="Ordering" class="pimOrdering" />
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Hiển thị</td>
                    <td class="tInfoRight">
                        @Html.CheckBox("Active", true, new { @class = "pimActive" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft"></td>
                    <td class="tInfoRight">
                        <input type="button" value="Save Image" onclick="UploadImage()" id="btnSaveImage" />
                        <input type="button" value="Change Image" onclick="ChangeImageInfo()" style="display: none;" id="btnChangeImage" />
                    </td>
                </tr>
            </table>
        }
        <iframe id="UploadTarget" name="UploadTarget" onload="UploadImageComplete();" style="position: absolute; left: -999em; top: -999em;"></iframe>
    </div>
</div>

<!------------------- BINH LUAN CUA KHACH HANG --------------------->
<div class="box-Info" style="display: none;">
    <div class="Info-header">
        <span>Bình luận của khách hàng</span>
    </div>
    <div class="Info-body">
        <table class="p-img-info tableCommentProduct" cellpadding="0" cellspacing="0">
            <tr class="pimg-title">
                <th style="width: 80px;">Khách hàng</th>
                <th style="width: 80px;">Mã sản phẩm</th>
                <th>Tiêu đề</th>
                <th>Mô tả</th>
                <th style="width: 77px;">Ngày tạo</th>
                <th style="width: 123px;">Trạng thái</th>
                <th style="width: 44px;">Hiển thị</th>
                <th style="width: 96px;">Xóa</th>
            </tr>
            @{
                var productCommentModel = (List<ProductCommentDto>)ViewBag.ProductComment;
                if (productCommentModel != null && productCommentModel.Count > 0)
                {
                    foreach (var pc in (List<ProductCommentDto>)ViewBag.ProductComment)
                    {
                <tr>
                    <td>@pc.CustomerId</td>
                    <td><a href="@Url.Action("Edit", "Product", new { id = @pc.ProductId })">@pc.ProductId</a></td>
                    <td class="titleName">
                        @{
                        if (pc.Agree)
                        {
                            @pc.Title
                        }
                        else
                        {
                            <strong>@pc.Title </strong>
                        }
                        }

                    </td>
                    <td>@pc.Content</td>
                    <td>@pc.CreateDate.ToShortDateString()</td>
                    <td>
                        @Html.SelectAvtive(pc.Agree, "ddlAgreeComment")
                    </td>
                    <td style="text-align: center;">
                        <input type="checkbox" name="chkShow" @string.Format("{0}", pc.Active ? "checked='checked'" : "") />
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="btnUpdateProductComment" idata="@pc.Id">Cập nhập</a> | <a href="javascript:void(0);" class="btnDelProductComment" idata="@pc.Id">Xóa</a>
                    </td>
                </tr>
                    }

                }
            }

        </table>
    </div>
</div>
@section scripts
{
@Scripts.Render("~/bundles/jqueryval")
    <script src="@Url.Content("~/Scripts/WYSIWYG/ckeditor/ckeditor.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/WYSIWYG/ckfinder/ckfinder.js")" type="text/javascript"></script>
    <script src="~/Scripts/jQueryDatePicker/js/jquery-ui-1.10.1.custom.min.js"></script>
    <script type="text/javascript">
        var editor = CKEDITOR.replace('Description');
        CKFinder.setupCKEditor(editor, '/Scripts/WYSIWYG/ckfinder/');
    </script>
    <script>
        //DEL Product Comment 
        $('.btnDelProductComment').click(function() {
            var cmd = $(this);
            var pId = cmd.attr('idata');
            
            if(confirm("Bạn có chắc chắn muốn xóa comment này")) {
                $.ajax({
                    url: '/Product/ProducCommentDel',
                    data: { pId: pId},
                    success: function(data) {
                        if (data>=1) {
                            cmd.parent().parent().fadeOut();
                        }
                    },
                    error: function(e) {
                        alert('Comment chưa được xóa');
                    }
                });
            }
        });
        //Update Product Comment 
        $('.btnUpdateProductComment').click(function() {
            var cmd = $(this);
            var pId = cmd.attr('idata');
            var agree = cmd.parent().parent().find('select[name$=ddlAgreeComment] option:selected').val();
            var active = cmd.parent().parent().find('input[name$=chkShow]').attr('checked');
            var AgreeVal = true;
            var ActiveVal = true;
            if(agree!='1') {
                AgreeVal = false;
            }
            if(active==undefined) {
                ActiveVal = false;
            }

            //alert(pId + '/' + agree + '/' + active);
            $.ajax({
                url: '/Product/ProducCommentUpdate',
                data: { pId: pId,agree: AgreeVal, active: ActiveVal },
                success: function(data) {
                    if (data>=1) {
                        alert('Cập nhập thành công !');
                        if(AgreeVal) {
                            cmd.parent().parent().find('.titleName').css({ 'color': '#ccc' });
                            cmd.parent().parent().find('select[name$=ddlAgreeComment]').css({ 'color': 'black' });
                        } else {
                            cmd.parent().parent().find('.titleName').css({ 'font-weight': 'bold' });
                            cmd.parent().parent().find('select[name$=ddlAgreeComment]').css({ 'color': 'red' });
                        }
                    }
                },
                error: function(e) {
                    alert('Không cập nhập được comment');
                }
            });
        });
        

        // button submit
        //SubmitFormUseToolBox($('ul li.Edit a'), $('form#EditProductForm'));
        $('ul li.Edit a').click(function() {
            var strPrice = $('#markPrice').val();
            $('#Price').val(RemoveSpecialCharacter(strPrice));
            $('form#EditProductForm').submit();
        });
        
        // Digits
        toSplitNumberByComma($('#markPrice'));

        // Upload Images
        var isFirstLoad = true;

        function UploadImage() {
            $("#ImgForm").submit();
        }
        
        function UploadImageComplete() {
            //Grab the content of the textarea we named jsonResult .  This shold be loaded into 
            //the hidden iFrame.
            var dataInfo = $.parseJSON($("#UploadTarget").contents().find("#jsonResult")[0].innerHTML);
            
            //If there was an error, display it to the user
            if (dataInfo.IsValid == false) {
                alert(dataInfo.Message);
                return;
            }

            if(dataInfo.UpdateStatus === undefined ) {
                var checked = dataInfo.Active == false ? "" : "checked";
                var radioChecked = dataInfo.Avartar == false ? "" : "checked";
                var color = (dataInfo.ColorId == '0' || dataInfo.ColorId == '-1') ? dataInfo.ColorName : '<span style="display:block;float: left;padding: 9px; background-color: '+dataInfo.Code+'"></span>';
                var itemData = '<tr style="display: none;" class="tr'+ dataInfo.Id +'">' +
                    '<td>' +
                    '<img src="' + dataInfo.ImagePath + '/' + dataInfo.ImageName + '?width=50&height=50" />' +
                    '</td>' +
                    '<td>' + dataInfo.ImageName + '</td>' +
                    '<td>'+ color +'</td>' +
                    '<td>' + dataInfo.ImagePath + '</td>' +
                    '<td> <input type="checkbox" ' + checked + '/> </td>' +
                    '<td> <input type="radio" name="pimAvartar" class="pimAvartar" onclick="SetIsAvatar('+ dataInfo.Id +', '+ dataInfo.ProductId +')" ' + radioChecked + '/> </td>' +
                    '<td> <a href="javascript:void(0);" class="p-img-edit" onclick="ChangeImageInfo(' + dataInfo.Id + ')">Chỉnh sửa</a> |'+
                    '<a href="javascript:void(0);" onclick ="DeleteImage(' + dataInfo.Id + ')">Xóa</a>' +
                    ' </td>' +
                    '</tr>';
                $('table.p-img-info tr.pimg-title').after(itemData);
                $('table.p-img-info tr').eq(1).fadeIn(500);
            }
            else {
                var trUpdated = $('tr.tr' + dataInfo.Id);
                trUpdated.hide().html('');
                var checked = dataInfo.Active == false ? "" : "checked";
                var radioChecked = dataInfo.Avartar == false ? "" : "checked";
                var color = (dataInfo.ColorId == '0' || dataInfo.ColorId == '-1') ? dataInfo.ColorName : '<span style="display:block;float: left;padding: 9px; background-color: '+dataInfo.Code+'"></span>';
                var itemUpdateDate = '<td>' +
                    '<img src="' + dataInfo.ImagePath + '/50x50/' + dataInfo.ImageName + '" />' +
                    '</td>' +
                    '<td>' + dataInfo.ImageName + '</td>' +
                    '<td>' + color + '</td>' +
                    '<td>' + dataInfo.ImagePath + '</td>' +
                    '<td> <input type="checkbox" ' + checked + '/> </td>' +
                    '<td> <input type="radio" name="pimAvartar" class="pimAvartar" onclick="SetIsAvatar('+ dataInfo.Id +', ' + dataInfo.ProductId + ')" ' + radioChecked + '/> </td>' +
                    '<td> <a href="javascript:void(0);" class="p-img-edit" onclick="ChangeImageInfo(' + dataInfo.Id + ')">Chỉnh sửa</a> | '+
                    '<a href="javascript:void(0);" onclick ="DeleteImage(' + dataInfo.Id + ')">Xóa</a>' +
                    '</td>';
                $('#pimageId').val('');
                trUpdated.html(itemUpdateDate);
                trUpdated.fadeIn(500);
            }
        }
        
        // Edit product ---------------------------------------------
        function ChangeImageInfo(id) {
            $.ajax({
                url: '/Product/ChangeProductImage',
                data: { id: id },
                success: function (data) {
                    $('#pimageId').val(data.Id);
                    $('.pim-color'+ data.ColorId).attr('checked', true);
                    $('.pimDescription').val(data.Description);
                    $('.pimOrdering').val(data.Ordering);
                    $('.pimActive').attr('checked', data.Active);
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }

        function DeleteImage(id) {
            $.ajax({
                url: '/Product/DeleteImage',
                data: { id: id },
                success: function(data) {
                    if(data) {
                        alert('Xóa ảnh thành công!');
                        $('tr.tr' + id).remove();
                    }
                    else {
                        alert('Xóa ảnh thất bại!');
                    }
                },
                error: function(e) {
                    alert('Đã cõ lỗi hệ thống xảy ra');
                }
            });
        }

        // Set is avatar --------------------------------------------
        function SetIsAvatar(id, productId) {
            $.ajax({
                url: '/Product/SetAvartar',
                data: { id: id, productId : productId },
                success: function (data) {
                    if(data) {
                        alert('Cập nhật trạng thái avartar thành công!');
                    }else {
                        alert('Cập nhật trạng thái avartar thất bại!');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra');
                }
            });
        }
        
        // Add size information for product --------------------------
        function  CreateSize(pId) 
        {
            var sizeId = $('#SizeList option:selected').val();
            var price = $('#pSizePrice').val();
            var pShow = $('#pSizeShow').val();
            var code = $('#SizeList option:selected').text();
            var order = $('#pSizeOrder').val();
            if(price == null || price == "") {
                alert('Bạn phải chọn giá cho size sản phẩm!');
                return false;
            }
            $.ajax({
                url: '/Product/AddSize',
                data: { ProductId: pId, SizeId: sizeId, SizePrice: price, Show: pShow, code: code, order : order },
                Type: 'POST',
                success: function(data) {
                    if(data.AddStatus) {
                        var isShow = data.Show == false ? "" : "checked";
                        var itemData = '<tr style="display: none;" class="tr'+ data.SizeId + '-' +data.ProductId +'">' +
                            '<input type="hidden" class="hidSizePrice" value="'+ data.SizePrice +'">' +
                            '<input type="hidden" class="hidCreateDate" value="'+ data.CreateDate +'">' +
                            '<td class="tdCode">' +
                            data.Code +
                            '</td>' +
                            '<td>' + data.SizePrice + '</td>' +
                            '<td class="tdSizeShow"> <input type="checkbox" ' + isShow + '/> </td>' +
                            '<td class="tdSizeOrder">' + data.Order + '</td>' +
                            '<td>'+
                            '<a onclick="EditProductSize('+ data.SizeId +', '+ data.ProductId +')" class="pzEdit" href="javascript:void(0);">Sửa</a>' +
                            '<a onclick="DeleteProductSize('+ data.SizeId +', '+ data.ProductId +')" class="pzDelete" href="javascript:void(0);">Xóa</a>' +
                            '</td>' +
                            '</tr>';
                        $('table.p-size-info tr.psize-title').after(itemData);
                        $('table.p-size-info tr').eq(1).fadeIn(500);
                    }
                    else {
                        alert('Sản phẩm đã có Size mà ban vừa chọn, bạn nên chọn Size khác!');
                    }
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
            return true;
        }
        
        function DeleteProductSize(sizeId, productId) {
            $.ajax({
                url: '/Product/DeleteProductSize',
                data: { sizeId: sizeId, productId: productId },
                success: function(data) {
                    if (data) {
                        alert('Xóa thành công!');
                        $('table.p-size-info tr.tr' + sizeId + '-' + productId).fadeOut(1000);
                    } else {
                        alert('Xóa thất bại!');
                    }
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }
        
        function  EditProductSize(sizeId, productId) {
            var trRoot = $('table.p-size-info tr.tr' + sizeId + '-' + productId);
            var price = trRoot.children('.hidSizePrice').val();
            var pShow = trRoot.children('.tdSizeShow').children().is(':checked');
            var code = trRoot.children('.tdCode').text();
            var order = trRoot.children('.tdSizeOrder').text();

            $('#SizeList option[value="' + sizeId + '"]').attr('selected', 'selected');
            $('#pSizePrice').val(price);
            $('#pSizeShow').attr('checked', pShow);
            $('#pSizeOrder').val(order);
            $('#btnUpdateSize').show();

            $('#btnUpdateSize').unbind('click');
            $('#btnUpdateSize').click(function() {
                var editPrice = $('#pSizePrice').val();
                var editShow = $('#pSizeShow').is(':checked');
                var editCreateDate = trRoot.children('.hidCreateDate').val();
                var editOrder = $('#pSizeOrder').val();
                $.ajax({
                    url: '/Product/UpdateProductSize',
                    data: { SizeId : sizeId, ProductId : productId, SizePrice : editPrice, Show: editShow, CreateDate : editCreateDate, code: code, order: editOrder },
                    success: function(data) {
                        var trParent = $('table.p-size-info tr.tr' + sizeId + '-' + productId);
                        trParent.hide().html('');
                        var isShow = data.Show == false ? "" : "checked";
                        var itemData = '<td class="tdCode">' +
                            data.Code +
                            '</td>' +
                            '<input type="hidden" class="hidSizePrice" value="'+ data.SizePrice +'">' +
                            '<input type="hidden" class="hidCreateDate" value="'+ data.CreateDate +'">' +
                            '<td>' + data.SizePrice + '</td>' +
                            '<td class="tdSizeShow"> <input type="checkbox" ' + isShow + '/> </td>' +
                            '<td class="tdSizeOrder">' + data.Order + '</td>' +
                            '<td>' +
                            '<a onclick="EditProductSize(' + data.SizeId + ', ' + data.ProductId + ')" class="pzEdit" href="javascript:void(0);">Sửa</a>' +
                            '<a onclick="DeleteProductSize(' + data.SizeId + ', ' + data.ProductId + ')" class="pzDelete" href="javascript:void(0);">Xóa</a>' +
                            '</td>';
                        $('#hidSizePrice').val(data.SizePrice);
                        trParent.html(itemData);
                        trParent.fadeIn(1000);
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra');
                    }
                });
            });
        }
        

        // Add Attribute typical information for product --------------------------
        function  CreateTypicalAttribute(pId) 
        {
            var name = $('#pTypicalAttName').val();
            var description = $('#pTypicalAttDescription').val();
            var pShow = $('.typicalAttShow').is(':checked');
            var order = $('#pTypicalAttOrder').val();
            if(name == null || name == "") {
                alert('Bạn phải nhập tên thuôc tính!');
                return false;
            }
            $.ajax({
                url: '/Product/AddTypicalAttribute',
                data: { name: name, description: description, show: pShow, ordering: order, productId : pId },
                Type: 'POST',
                success: function(data) {
                    if(data) {
                        var isShow = data.Show == false ? "" : "checked";
                        var itemData = '<tr style="display: none;" class="tr-pt-'+ data.Id +'">' +
                            '<input type="hidden" class="hidTypicalAttId" value="'+ data.Id +'">' +
                            '<input type="hidden" class="hidTypicalAttCreateDate" value="'+ data.CreatedDate +'">' +
                            '<input type="hidden" value="'+ data.ProductId +'" class="hidTypicalAttProductId"/>' +
                            '<td class="p-att-name">' +
                            data.Name +
                            '</td>' +
                            '<td class="p-att-description">' + data.Description + '</td>' +
                            '<td class="p-att-ordering">' + data.Ordering + '</td>' +
                            '<td> <input type="checkbox" class="pTypicalAttShowInfo" ' + isShow + '/> </td>' +
                            '<td>'+
                            '<a onclick="EditTypicalAtt('+ data.Id +')"  href="javascript:void(0);">Sửa</a> | ' +
                            '<a onclick="DeleteTypicalAtt('+ data.Id +')"  href="javascript:void(0);">Xóa</a>' +
                            '</td>' +
                            '</tr>';
                        $('table.p-att-info tr.psize-title').after(itemData);
                        $('table.p-att-info tr').eq(1).fadeIn(500);
                    }
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
            return true;
        }
        
        function EditTypicalAtt(id) {
            var rootItem = $('.p-att-info tr.tr-pt-' + id);
            $('#pTypicalAttName').val(rootItem.children('.p-att-name').text());
            $('#pTypicalAttDescription').val(rootItem.children('.p-att-description').text());
            $('#pTypicalAttOrder').val(rootItem.children('.p-att-ordering').text());
            $('#typicalAttShow').attr('checked', rootItem.children('.pTypicalAttShowInfo').is(':checked'));
            var productId = $(rootItem).children('.hidTypicalAttProductId').val();
            var createDate = $(rootItem).children('.hidTypicalAttCreateDate').val();

            $('#btnUpdateTypicalAtt').show();
            $('#btnUpdateTypicalAtt').unbind('click');
            $('#btnUpdateTypicalAtt').click(function() {
                var name = $('#pTypicalAttName').val();
                var description = $('#pTypicalAttDescription').val();
                var pShow = $('.typicalAttShow').is(':checked');
                var order = $('#pTypicalAttOrder').val();
                if(name == null || name == "") {
                    alert('Bạn phải nhập tên thuôc tính!');
                    return false;
                }
                $.ajax({
                    url: '/Product/EditTypicalAttribute',
                    data: { name: name, description: description, show: pShow, ordering: order, productId : productId, id : id },
                    Type: 'POST',
                    success: function(data) {
                        if(data) {
                            var isShow = data.Show == false ? "" : "checked";
                            var itemData = '<input type="hidden" class="hidTypicalAttId" value="' + data.Id + '">' +
                                '<input type="hidden" class="hidTypicalAttCreateDate" value="' + data.CreatedDate + '">' +
                                '<input type="hidden" value="' + data.ProductId + '" class="hidTypicalAttProductId"/>' +
                                '<td class="p-att-name">' +
                                data.Name +
                                '</td>' +
                                '<td class="p-att-description">' + data.Description + '</td>' +
                                '<td class="p-att-ordering">' + data.Ordering + '</td>' +
                                '<td> <input type="checkbox" class="pTypicalAttShowInfo" ' + isShow + '/> </td>' +
                                '<td>' +
                                '<a onclick="EditPTypicalAtt(' + data.Id + ')"  href="javascript:void(0);">Sửa</a> | ' +
                                '<a onclick="DeletePTypicalAtt(' + data.Id + ')"  href="javascript:void(0);">Xóa</a>' +
                                '</td>';
                            rootItem.hide().html('');
                            rootItem.html(itemData).fadeIn(1000);
                        }
                    },
                    error: function() {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            });
        }

        function DeleteTypicalAtt(id) {
            $.ajax({
                url: '/Product/DeleteProductTypicalAttribute',
                data: { id: id },
                success: function(data) {
                    if (data) {
                        alert('Xóa thành công!');
                        $('table.p-att-info tr.tr-pt-' + id ).fadeOut(1000);
                    } else {
                        alert('Xóa thất bại!');
                    }
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }
        
        // Khuyến mại ---------------------------------------
        var pDiscountVal = $('#discountId').val();
        $('.pDiscount').each(function() {
            var val = $(this).val();
            if(val == pDiscountVal) {
                $(this).attr('checked', 'checked');
            }
        });

        $('.pDiscount').click(function() {
            var discountId = $(this).val();
            var productId = $('.productIdInfo').val();
            
            $.ajax({
                url: '/Product/UpdateDiscountInfo',
                data: { discountId : discountId, productId : productId },
                success: function(data) {
                    if(data) {
                        alert('Cập nhật thông tin khuyến mại thành công!');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra!');
                }
            });
            
        });

        // Quà tặng ------------------------------------------
        var pGiftVal = $('#giftId').val();
        
        $('.pGift').each(function() {
            var val = $(this).val();
            if(val == pGiftVal) {
                $(this).attr('checked', 'checked');
            }
        });
        
        $('.pGift').click(function() {
            var giftId = $(this).val();
            var productId = $('.productIdInfo').val();
            $.ajax({
                url: '/Product/UpdateGiftInfo',
                data: { giftId: giftId, productId: productId },
                success: function(data) {
                    if(data) {
                        alert('Cập nhật thông tin quà tặng thành công!');
                    }
                },
                error: function() {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        });
        
        // Bỏ chọn chiết khấu áp dụng tới danh mục ----------------------------
        function AjaxReturnDataDeleteDiscountApplyProduct(result) {
            if(result.Data) {
                var discountId = result.DiscountId;
                $('tr.bn-' + discountId).children().children('.pDiscount').removeAttr('checked');
            }
        }
        
        // Bỏ chọn chiến dịch quà tặng áp dụng tới danh mục -----------------------
        function AjaxReturnDataDeleteGiftApplyProduct(result) {
            if(result.Data) {
                var giftId = result.GiftId;
                $('tr.gn-' + giftId).children().children('.pGift').removeAttr('checked');
            }
        }
    </script>
}
